<template>
<div>
      <HeadNav></HeadNav>
      <div class='nav'>
        123
      </div>
      <div class="view">
        <router-view></router-view>
      </div>
      <footer>

      </footer>

   
</div>

</template>
<script>
import HeadNav from '../../components/HeaderNav.vue'
export default {
  components:{
    HeadNav
  },
methods:{
  go(str){
    this.$router.push(str)
  }
}
};
</script>
<style scoped>
.nav,.view{
  float: left;
}
.nav{
  width: 20%;
  border-right: 1px solid gainsboro;
  height: 100vh;
}
.view{
  width: 80%;
  /* border:1px solid red; */
}
</style>